﻿<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="utf-8" />
  <meta http-equiv="x-ua-compatible" content="ie=edge" />
  <title>About Us - Creative Multipurpose Agency Template</title>
  <meta name="description" content="" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
  <!-- all css here -->
  <!-- bootstrap v4.1.3 css -->
  <link rel="stylesheet" href="css/bootstrap.min.css" />
  <!-- font-awesome css -->
  <link rel="stylesheet" href="css/fontawesome.min.css" />
  <!-- flaticon css -->
  <link rel="stylesheet" href="css/flaticon.css" />
  <!-- selectize css -->
  <link rel="stylesheet" href="css/selectize.css" />
  <!-- owl-carousel css -->
  <link rel="stylesheet" href="css/owl.carousel.min.css" />
  <link rel="stylesheet" href="css/owl.theme.default.min.css" />
  <!-- animate css -->
  <link rel="stylesheet" href="css/animate.min.css" />
  <!-- venobox css -->
  <link rel="stylesheet" href="css/venobox.css" />
  <!-- style css -->
  <link rel="stylesheet" href="style.css" />
  <!-- modernizr js -->
  <script src="js/vendor/modernizr-custom.js"></script>
  <!--[if lt IE 9]><script src="../../oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script><script src="../../oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->
 </head>
 <body>
  <div class="wrapper-content">
   <div class="wrapper">
    <!-- Start Header Area -->
    <header class="header header-two">
     <div class="header-top-area">
      <div class="container">
       <div class="row">
        <div class="col-md-12">
         <div class="header-top">
          <div class="tag-text">
           <span>We are trusted seo marketing company</span>
          </div>
          <div class="certified-text">
           <span>ISO 9002:2002 Certified</span>
          </div>
          <div class="social-area">
           <ul class="social-list list-style">
            <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
            <li><a href="#"><i class="fab fa-google-plus-g"></i></a></li>
            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
            <li><a href="#"><i class="fab fa-vimeo-v"></i></a></li>
           </ul>
          </div>
          <div class="language-area">
           <select class="flag"><option value="english" selected="">English</option><option value="australia">Australia</option><option value="uk">UK</option><option value="france">France</option></select>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
     <div class="header-bottom">
      <div class="container">
       <div class="row">
        <div class="header-info">
         <!-- Start Navigation -->
         <nav class="navbar navbar-expand-lg navbar-dark">
          <a href="index.html"><img src="img/logo/logo.png" alt="logo" /></a>
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
          <div class="collapse navbar-collapse" id="navbarNav">
           <ul class="navbar-nav">
            <li class="nav-item active"><a class="nav-link" href="index.html">Home</a></li>
            <li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
            <li class="nav-item"><a class="nav-link" href="contact.html">Contact</a></li>
            <li class="nav-item">
             <!-- Start Search btn -->
             <div class="search-btn-area">
              <form action="#">
               <div class="input-group">
                <input type="search" class="form-control" placeholder="Search..." />
                <div class="input-group-append">
                 <button class="btn search-btn" type="button"><i class="fa fa-search"></i></button>
                </div>
               </div>
               <a class="main-search" href="#"><i class="fa fa-search"></i></a>
              </form>
             </div>
             <!-- End Search btn --></li>
            <li class="nav-item">
             <div class="login-btn">
              <a class="btn" href="#">Login</a>
             </div></li>
           </ul>
          </div>
         </nav>
         <!-- End Navigation -->
        </div>
       </div>
      </div>
     </div>
    </header>
    <!-- End Header Area -->
    <!-- Strat Breadcrumb Area -->
    <section class="breadcrumb-area">
     <div class="breadcrumb-content text-center">
      <h1>About Us</h1>
      <nav aria-label="breadcrumb">
       <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="index.html">Home</a></li>
        <li class="breadcrumb-item active" aria-current="page">About Us</li>
       </ol>
      </nav>
     </div>
    </section>
    <!-- End Breadcrumb Area -->
    <!-- Start Traffic Area -->
    <section class="traffic-area section-padding">
     <div class="container">
      <div class="row">
       <div class="col-md-12 col-lg-12 col-xl-6">
        <div class="traffic-content">
         <h2>Want Increase More Traffic &amp; More Sales?</h2>
         <p>Consequat ac lacus diam lacus, mauris molestie nunc vestibulumes. ciosqu orci. Tortor eu fermentum lectus eros, et mi enim, elisaen,non et morbi et vestibulum malesuada. Sem sollicitudin, rhoncus diamauris integer fringilla quas dui. suspendisse neque elementum lentesqpotor dictum imperdiet seo marketing to be grow your sale.</p>
         <a class="btn" href="#">Learn More</a>
        </div>
       </div>
       <div class="col-md-12 col-lg-12 col-xl-6">
        <div class="traffic-image-block">
         <div class="traffic-image">
          <img src="img/traffic/vector-1.png" alt="Vector" />
          <div class="traffic-image-2">
           <img src="img/traffic/vector-2.png" alt="Vector" />
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End Traffic Area -->
    <!-- Start Expert Area -->
    <section class="expert-area section-padding">
     <div class="container">
      <div class="row">
       <div class="col-md-12">
        <div class="section-title">
         <h2>Meet With Expert</h2>
         <div class="section-line">
          <span></span>
         </div>
         <p>Dis consectetuer ipsum dui, pellentesque aliquet leo a utelitlus dsen non libero vivamus erat turpis. Justo erat, sem accusamus</p>
        </div>
       </div>
      </div>
      <div class="row">
       <div class="col-md-12">
        <div class="expert-block">
         <!-- Single Member -->
         <div class="expert-single">
          <div class="expert-avatar">
           <img src="img/team/1.jpg" alt="Team Member" />
          </div>
          <div class="bordr-line">
           <img src="img/team/line.png" alt="Line" />
          </div>
          <h5><a href="#">Jeanne Upton</a></h5>
          <span>UX Designer</span>
         </div>
         <!-- Single Member -->
         <div class="expert-single">
          <div class="expert-avatar">
           <img src="img/team/2.jpg" alt="Team Member" />
          </div>
          <div class="bordr-line">
           <img src="img/team/line.png" alt="Line" />
          </div>
          <h5><a href="#">Niha Dostogir</a></h5>
          <span>SEO Expert</span>
         </div>
         <!-- Single Member -->
         <div class="expert-single">
          <div class="expert-avatar">
           <img src="img/team/3.jpg" alt="Team Member" />
          </div>
          <div class="bordr-line">
           <img src="img/team/line.png" alt="Line" />
          </div>
          <h5><a href="#">Pierce Blick</a></h5>
          <span>Business Advisor</span>
         </div>
         <!-- Single Member -->
         <div class="expert-single">
          <div class="expert-avatar">
           <img src="img/team/4.jpg" alt="Team Member" />
          </div>
          <div class="bordr-line">
           <img src="img/team/line.png" alt="Line" />
          </div>
          <h5><a href="#">Verna Cormier</a></h5>
          <span>Software Developer</span>
         </div>
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End Expert Area -->
    <!-- Start FAQ Area -->
    <section class="faq-area section-padding">
     <div class="container">
      <div class="row">
       <div class="col-md-12 col-lg-12 col-xl-6">
        <div class="faq-info">
         <h2>Some Common Question</h2>
         <div class="accordion" id="accordionLavala">
          <!-- Single Faq -->
          <div class="card">
           <div class="card-header" id="headingOne">
            <h5 class="mb-0"><button class="btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Which do you like better, book or eBook?</button></h5>
           </div>
           <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionLavala">
            <div class="card-body">
              Praesent suspendisse, tortor diam fermentum orci, nulla proin, sit ut ac dui, sodales integer diam quam quam. Consectetuer volpat. Ante eleifend in porttitor. Porta maecenas, luctus sed nec blandit purus purus, ipsum nunc metus
            </div>
           </div>
          </div>
          <!-- Single Faq -->
          <div class="card">
           <div class="card-header" id="headingTwo">
            <h5 class="mb-0"><button class="btn-link" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Have you ever eaten food from the trash?</button></h5>
           </div>
           <div id="collapseTwo" class="collapse show" aria-labelledby="headingTwo" data-parent="#accordionLavala">
            <div class="card-body">
              Praesent suspendisse, tortor diam fermentum orci, nulla proin, sit ut ac dui, sodales integer diam quam quam. Consectetuer volpat. Ante eleifend in porttitor. Porta maecenas, luctus sed nec blandit purus purus, ipsum nunc metus
            </div>
           </div>
          </div>
          <!-- Single Faq -->
          <div class="card">
           <div class="card-header" id="headingthree">
            <h5 class="mb-0"><button class="btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapsethree" aria-expanded="false" aria-controls="collapsethree">What is your favorite holiday?</button></h5>
           </div>
           <div id="collapsethree" class="collapse" aria-labelledby="headingthree" data-parent="#accordionLavala">
            <div class="card-body">
              Praesent suspendisse, tortor diam fermentum orci, nulla proin, sit ut ac dui, sodales integer diam quam quam. Consectetuer volpat. Ante eleifend in porttitor. Porta maecenas, luctus sed nec blandit purus purus, ipsum nunc metus
            </div>
           </div>
          </div>
          <!-- Single Faq -->
          <div class="card">
           <div class="card-header" id="headingFour">
            <h5 class="mb-0"><button class="btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">Have you ever been a vegetarian?</button></h5>
           </div>
           <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-parent="#accordionLavala">
            <div class="card-body">
              Praesent suspendisse, tortor diam fermentum orci, nulla proin, sit ut ac dui, sodales integer diam quam quam. Consectetuer volpat. Ante eleifend in porttitor. Porta maecenas, luctus sed nec blandit purus purus, ipsum nunc metus
            </div>
           </div>
          </div>
         </div>
         <!-- End Accordion -->
        </div>
       </div>
       <div class="col-md-12 col-lg-12 col-xl-6">
        <div class="faq-image-block">
         <img src="img/about/vector.png" alt="Vector" />
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End FAQ Area -->
    <!-- Start Video Area -->
    <div class="video-area">
     <div class="container">
      <div class="row">
       <div class="col-md-12">
        <div class="video-info">
         <div class="video-btn">
          <a href="#0" class="cd-popup-trigger hvr-wobble-horizontal"><i class="far fa-play-circle"></i></a>
         </div>
        </div>
       </div>
      </div>
     </div>
    </div>
    <!-- End Video Area -->
    <!-- Start Feedback Area -->
    <section class="feedback-area about-feedback">
     <div class="container">
      <div class="row">
       <div class="col-md-12">
        <div class="section-title">
         <h2>Our happy client give us awesome feedback for our work from all over the world</h2>
        </div>
       </div>
      </div>
      <div class="row">
       <div class="col-md-12">
        <div class="feedback-content-block">
         <ul class="feedback-list list-style">
          <!-- Single Feedback -->
          <li class="feedback-single-block">
           <div class="feedback-single">
            <div class="feedback-content">
             <p>Best support Ipsum. Progravida nibh vel velit auctor alinean sollicitudin, lorem quis biben</p>
             <h5>Rene Tromp</h5>
             <span>CEO of Lontan</span>
            </div>
            <div class="avatar-block">
             <div class="avatar">
              <img src="img/review/1.jpg" alt="img" />
              <div class="icon">
               <a href="#"><i class="fab fa-dribbble"></i></a>
              </div>
             </div>
            </div>
           </div></li>
          <!-- Single Feedback -->
          <li class="feedback-single-block">
           <div class="feedback-single">
            <div class="feedback-content">
             <p>Best support Ipsum. Progravida nibh vel velit auctor alinean sollicitudin, lorem quis biben</p>
             <h5>Keven Feil</h5>
             <span>CEO of Serrian</span>
            </div>
            <div class="avatar-block">
             <div class="avatar">
              <img src="img/review/2.jpg" alt="img" />
              <div class="icon">
               <a href="#"><i class="fab fa-facebook-f"></i></a>
              </div>
             </div>
            </div>
           </div></li>
          <!-- Single Feedback -->
          <li class="feedback-single-block">
           <div class="feedback-single">
            <div class="feedback-content">
             <p>Best support Ipsum. Progravida nibh vel velit auctor alinean sollicitudin, lorem quis biben</p>
             <h5>Will Marvin</h5>
             <span>CEO of Titil</span>
            </div>
            <div class="avatar-block">
             <div class="avatar">
              <img src="img/review/3.jpg" alt="img" />
              <div class="icon">
               <a href="#"><i class="fab fa-instagram"></i></a>
              </div>
             </div>
            </div>
           </div></li>
         </ul>
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End Feedback Area -->
    <!-- Start Blog Area -->
    <section class="blog-area section-padding">
     <div class="container">
      <div class="row">
       <div class="col-md-12">
        <div class="section-title">
         <h2>Our latest News &amp; Tips</h2>
         <div class="section-line">
          <span></span>
         </div>
         <p>Dis consectetuer ipsum dui, pellentesque aliquet leo a utelitlus dsen non libero vivamus erat turpis. Justo erat, sem accusamus</p>
        </div>
       </div>
      </div>
      <div class="row">
       <div class="col-md-12">
        <div class="blog-slider owl-carousel owl-theme">
         <div class="single-news">
          <figure>
           <img src="img/blog/1.jpg" alt="news" />
          </figure>
          <div class="blog-content">
           <h4><a href="#">The Superfood Gold Rush</a></h4>
           <ul class="blog-meta list-style">
            <li><a href="#"><i class="far fa-user"></i>Eula Wolff</a></li>
            <li><a href="#"><i class="far fa-calendar-alt"></i>27 August 2018</a></li>
           </ul>
          </div>
         </div>
         <div class="single-news">
          <figure>
           <img src="img/blog/2.jpg" alt="Img" />
          </figure>
          <div class="blog-content">
           <h4><a href="#">Let’s Talk About seo</a></h4>
           <ul class="blog-meta list-style">
            <li><a href="#"><i class="far fa-user"></i>Javon Borer</a></li>
            <li><a href="#"><i class="far fa-calendar-alt"></i>28 August 2018</a></li>
           </ul>
          </div>
         </div>
         <div class="single-news">
          <figure>
           <img src="img/blog/3.jpg" alt="Img" />
          </figure>
          <div class="blog-content">
           <h4><a href="#">Our Australian Expansion</a></h4>
           <ul class="blog-meta list-style">
            <li><a href="#"><i class="far fa-user"></i>Pierce Blick</a></li>
            <li><a href="#"><i class="far fa-calendar-alt"></i>27 August 2018</a></li>
           </ul>
          </div>
         </div>
        </div>
       </div>
      </div>
     </div>
    </section>
    <!-- End Blog Area -->
    <!-- Start Client Logo Area -->
    <div class="client-log-area section-padding">
     <div class="container">
      <div class="row">
       <div class="col-md-12">
        <div class="client-logo-slider owl-carousel owl-theme">
         <div class="client-logo-single">
          <img src="img/clients/1.png" alt="Logo" />
         </div>
         <div class="client-logo-single">
          <img src="img/clients/2.png" alt="Logo" />
         </div>
         <div class="client-logo-single">
          <img src="img/clients/3.png" alt="Logo" />
         </div>
         <div class="client-logo-single">
          <img src="img/clients/4.png" alt="Logo" />
         </div>
        </div>
       </div>
      </div>
     </div>
    </div>
    <!-- End Client Logo Area -->
    <!-- Start Footer Area -->
    <footer class="footer-area">
     <div class="footer-top">
      <div class="container">
       <div class="row">
        <div class="col-md-6 col-lg-3">
         <div class="footer-info">
          <div class="footer-logo">
           <a href="index.html"><img src="img/logo/logo.png" alt="Logo" /></a>
          </div>
          <p>Semper integer, fringilla don quisquveac cras a eros nunc. Enim ipsum dictum elit dolor sed facilisi eu conubia nulla platea, id sollicitudin. Lobortis massa</p>
          <div class="call-us">
           <h5>Call Us <a href="">(0131) 429 5329</a></h5>
          </div>
         </div>
        </div>
        <div class="col-md-6 col-lg-2">
         <div class="footer-info">
          <h4>Useful Link</h4>
          <ul class="link-list list-style">
           <li><a href="#">About Us</a></li>
           <li><a href="#">Service</a></li>
           <li><a href="#">latest Post</a></li>
           <li><a href="#">Project</a></li>
           <li><a href="#">Site Map</a></li>
          </ul>
         </div>
        </div>
        <div class="col-md-6 col-lg-3">
         <div class="footer-info">
          <h4>Our Services</h4>
          <ul class="link-list list-style">
           <li><a href="#">Local SEO</a></li>
           <li><a href="#">Social Marketing</a></li>
           <li><a href="#">Pay Per Click</a></li>
           <li><a href="#">Free SEO Analysis</a></li>
           <li><a href="#">Search Engine Marketing</a></li>
           <li><a href="#">Digital Marketing</a></li>
          </ul>
         </div>
        </div>
        <div class="col-md-6 col-lg-4">
         <div class="footer-info">
          <h4>Instagram</h4>
          <ul class="instagram-list list-style">
           <li><a href="#"><img src="img/footer/1.jpg" alt="Instagram" /></a></li>
           <li><a href="#"><img src="img/footer/2.jpg" alt="Instagram" /></a></li>
           <li><a href="#"><img src="img/footer/3.jpg" alt="Instagram" /></a></li>
           <li><a href="#"><img src="img/footer/4.jpg" alt="Instagram" /></a></li>
           <li><a href="#"><img src="img/footer/5.jpg" alt="Instagram" /></a></li>
           <li><a href="#"><img src="img/footer/6.jpg" alt="Instagram" /></a></li>
          </ul>
         </div>
        </div>
       </div>
      </div>
     </div>
     <div class="footer-bottom">
      <div class="container">
       <div class="row">
        <div class="col-md-12">
         <div class="footer-bottom-content">
          <p>Copyright &copy; 2019.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
         </div>
        </div>
       </div>
      </div>
     </div>
     <!-- Start Back To Top Area -->
     <div class="back-to-top">
      <span>Back To Top</span>
     </div>
     <!-- End Back To Top Area -->
    </footer>
    <!-- End Footer Area -->
   </div>
  </div>
  <!-- Start Custom Cursor -->
  <div class="custom-cursor">
   <div id="cursor">
    <div id="cursor-ball"></div>
   </div>
  </div>
  <!-- End Custom Cursor -->
  <!-- Start Video Popup Area -->
  <div class="cd-popup" role="alert">
   <div class="cd-popup-container">
    <div class="video-container">
     <iframe width="650" height="350" src="" allowfullscreen=""></iframe>
    </div>
    <a href="#0" class="cd-popup-close">x</a>
   </div>
  </div>
  <!-- End Video Popup Area -->
  <!-- all js here -->
  <!-- jquery version -->
  <script src="js/jquery-3.1.1.min.js"></script>
  <!-- popper js -->
  <script src="js/popper.min.js"></script>
  <!-- bootstrap js -->
  <script src="js/bootstrap.min.js"></script>
  <!-- selectize -->
  <script src="js/selectize.js"></script>
  <!-- icheck -->
  <script src="js/icheck.min.js"></script>
  <!-- owl.carousel js -->
  <script src="js/owl.carousel.min.js"></script>
  <!-- appear js -->
  <script src="js/jquery.appear.js"></script>
  <!-- easing js -->
  <script src="js/jquery.easing.1.3.min.js"></script>
  <!-- venobox js -->
  <script src="js/venobox.min.js"></script>
  <!-- countTo js -->
  <script src="js/jquery.countTo.js"></script>
  <!-- wow js -->
  <script src="js/wow.min.js"></script>
  <!-- loadMoreResults js -->
  <script src="js/loadMoreResults.js"></script>
  <!-- TweenMax js -->
  <script src="js/TweenMax.js"></script>
  <!-- main js -->
  <script src="js/main.js"></script> 
 </body>
</html>